<template>
    <content-loader
        :width="400"
        :height="460"
        :speed="loadingConf.speed"
        :primaryColor="loadingConf.primaryColor"
        :secondaryColor="loadingConf.secondaryColor">
        <path d="M 1 6 h 72 c 0.6 0 1 0.4 1 1 v 14 c 0 0.6 -0.4 1 -1 1 H 1 c -0.6 0 -1 -0.4 -1 -1 V 7 c 0 -0.6 0.4 -1 1 -1 z" /> 
        <path d="M 841 0 h 142 c 1.1 0 2 0.9 2 2 v 24 c 0 1.1 -0.9 2 -2 2 H 841 c -1.1 0 -2 -0.9 -2 -2 V 2 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 997 0 h 142 c 1.1 0 2 0.9 2 2 v 24 c 0 1.1 -0.9 2 -2 2 H 997 c -1.1 0 -2 -0.9 -2 -2 V 2 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 1154 0 h 24 c 1.1 0 2 0.9 2 2 v 24 c 0 1.1 -0.9 2 -2 2 h -24 c -1.1 0 -2 -0.9 -2 -2 V 2 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 1083 52 h 96 c 0.6 0 1 0.4 1 1 v 14 c 0 0.6 -0.4 1 -1 1 h -96 c -0.6 0 -1 -0.4 -1 -1 V 53 c 0 -0.6 0.4 -1 1 -1 z" /> 
        <path d="M 2 44 h 96 c 1.1 0 2 0.9 2 2 v 28 c 0 1.1 -0.9 2 -2 2 H 2 c -1.1 0 -2 -0.9 -2 -2 V 46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 112 44 h 96 c 1.1 0 2 0.9 2 2 v 28 c 0 1.1 -0.9 2 -2 2 h -96 c -1.1 0 -2 -0.9 -2 -2 V 46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 222 44 h 96 c 1.1 0 2 0.9 2 2 v 28 c 0 1.1 -0.9 2 -2 2 h -96 c -1.1 0 -2 -0.9 -2 -2 V 46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 332 44 h 727 c 1.1 0 2 0.9 2 2 v 28 c 0 1.1 -0.9 2 -2 2 H 332 c -1.1 0 -2 -0.9 -2 -2 V 46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 2 96 h 206 c 1.1 0 2 0.9 2 2 v 432 c 0 1.1 -0.9 2 -2 2 H 2 c -1.1 0 -2 -0.9 -2 -2 V 98 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 252 137 h 16 c 1.1 0 2 0.9 2 2 v 66 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -66 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 222 266 h 956 c 1.1 0 2 0.9 2 2 v 36 c 0 1.1 -0.9 2 -2 2 H 222 c -1.1 0 -2 -0.9 -2 -2 v -36 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 572 137 h 16 c 1.1 0 2 0.9 2 2 v 66 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -66 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 892 137 h 16 c 1.1 0 2 0.9 2 2 v 66 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -66 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 292 157 h 16 c 1.1 0 2 0.9 2 2 v 46 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 612 157 h 16 c 1.1 0 2 0.9 2 2 v 46 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 932 157 h 16 c 1.1 0 2 0.9 2 2 v 46 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 372 144 h 16 c 1.1 0 2 0.9 2 2 v 59 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -59 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 692 144 h 16 c 1.1 0 2 0.9 2 2 v 59 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -59 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 1012 144 h 16 c 1.1 0 2 0.9 2 2 v 59 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -59 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 332 172 h 16 c 1.1 0 2 0.9 2 2 v 31 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -31 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 652 172 h 16 c 1.1 0 2 0.9 2 2 v 31 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -31 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 972 172 h 16 c 1.1 0 2 0.9 2 2 v 31 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -31 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 412 162 h 16 c 1.1 0 2 0.9 2 2 v 41 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -41 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 732 162 h 16 c 1.1 0 2 0.9 2 2 v 41 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -41 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 1052 162 h 16 c 1.1 0 2 0.9 2 2 v 41 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -41 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 492 179 h 16 c 1.1 0 2 0.9 2 2 v 24 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -24 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 812 179 h 16 c 1.1 0 2 0.9 2 2 v 24 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -24 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 1132 179 h 16 c 1.1 0 2 0.9 2 2 v 24 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -24 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 532 157 h 16 c 1.1 0 2 0.9 2 2 v 46 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 852 157 h 16 c 1.1 0 2 0.9 2 2 v 46 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -46 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 452 137 h 16 c 1.1 0 2 0.9 2 2 v 66 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -66 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 772 137 h 16 c 1.1 0 2 0.9 2 2 v 66 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -66 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 1092 137 h 16 c 1.1 0 2 0.9 2 2 v 66 c 0 1.1 -0.9 2 -2 2 h -16 c -1.1 0 -2 -0.9 -2 -2 v -66 c 0 -1.1 0.9 -2 2 -2 z" /> 
        <path d="M 221 326 h 958 c 0.6 0 1 0.4 1 1 v 19 c 0 0.6 -0.4 1 -1 1 H 221 c -0.6 0 -1 -0.4 -1 -1 v -19 c 0 -0.6 0.4 -1 1 -1 z" /> 
        <path d="M 221 367 h 958 c 0.6 0 1 0.4 1 1 v 19 c 0 0.6 -0.4 1 -1 1 H 221 c -0.6 0 -1 -0.4 -1 -1 v -19 c 0 -0.6 0.4 -1 1 -1 z" /> 
        <path d="M 221 408 h 958 c 0.6 0 1 0.4 1 1 v 19 c 0 0.6 -0.4 1 -1 1 H 221 c -0.6 0 -1 -0.4 -1 -1 v -19 c 0 -0.6 0.4 -1 1 -1 z" /> 
        <path d="M 221 449 h 958 c 0.6 0 1 0.4 1 1 v 19 c 0 0.6 -0.4 1 -1 1 H 221 c -0.6 0 -1 -0.4 -1 -1 v -19 c 0 -0.6 0.4 -1 1 -1 z" /> 
        <path d="M 221 490 h 958 c 0.6 0 1 0.4 1 1 v 19 c 0 0.6 -0.4 1 -1 1 H 221 c -0.6 0 -1 -0.4 -1 -1 v -19 c 0 -0.6 0.4 -1 1 -1 z" />
    </content-loader>
</template>

<script>
    import { ContentLoader } from 'vue-content-loader'
    export default {
        components: {
            ContentLoader
        },
        props: {
            baseWidth: {
                type: Number,
                default: 1180
            },
            contentWidth: {
                type: Number,
                default: 1180
            }
        },
        computed: {
            loadingConf () {
                return this.$store.state.loadingConf
            }
        }
    }
</script>